<template>
  <button   @click="handleClick">{{value}}</button>
</template>

<script>
export default {
  name: 'ycButton',
  props: {
    value: ''
  },
  methods: {
    handleClick (evt) {
      this.$emit('click', evt)
    }
  }
}
</script>

<style lang="stylus" scoped="scoped">
button{
  cursor pointer
  font-weight 400
  width 54px
  height 24px
  line-height 24px
  background-color #FFFFFF
  color white
  border-radius 5px
  border solid 1px #999
  color #333
}
button:focus{
 outline: none;
 border:none;
}
</style>
